/* You can add global styles to this file, and also import other style files */
h1 {
    color: #369;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 250%;
}

.ng-valid[required], .ng-valid.required  {
    border-left: 5px solid #42A948; /* green */
}

.ng-invalid:not(form)  {
    border-left:5px solid; /* red */

    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

.ng-invalid:not(form):focus  {
    border-color: #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px #ce8483;
}


.ng-untouched:not(form)  {
    border: 1px solid #ccc;
    border-radius: 4px;
}

.ng-untouched:not(form):focus  {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}


.success-color{
    color: #5cb85c;
}

.error-color{
    color: #d9534f;
}

.info-color{
    color: #5bc0de;
}

.warning-color{
    color: #f0ad4e;
}

.danger-color{
    color: #d9534f;
}

/*
*********************************
 遮罩
 */

.mask {
    position: fixed;
    top:0;
    left: 0;
    background-color: rgba(50, 161, 174, 0.21);
    width: 100%;
    height: 100%;
}

.mask-top
{
    position: relative;
}

.part-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(118, 125, 125, 0.6);
    z-index: 2;
}

.part-mask > div{
    position: absolute;
    top:50%;
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
    margin-top: -15px;
    height: 30px;
    text-align: center;
    border-radius: 10px;

}

.part-mask > div > .progress-bar{
    border-radius: 10px;
    width: 100%;
    height: 100%;

}



/*
#endregion
 */


/*
*百度富文本编辑器类
*/


.edui-scale{
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

/*
***************************************************
*/


/**
字符画
 */

/**
字符画更改
 */

.manage .iconfont,.manage .glyphicon {
    font-size: 18px;
}


#myEditor img{
    max-width: 90%;
}